<template>
    <div class="wrap">

        <h3>{{item.title}}</h3>

        <div class="body">
            <p>{{item.body}}</p>
        </div>

    </div>
</template>

<script>
    export default {
        name: "detail",
        data(){
            return {item:{}}
        },
        created(){
            //console.log(this.$route.params.id);
            var id = this.$route.params.id;
            axios.get("/post/m_detail/"+id).then(res=>{
                this.item = res.data;
            })
        }
    }
</script>

<style scoped>
  .wrap{
      padding:.3rem;
  }

  .wrap h3{
      margin: 0;

      text-align:center;
      line-height: 0.5rem;
      border-bottom:1px #eee solid;
      font-size:0.35rem;
      margin-bottom: 0.2rem;
      padding-bottom:0.15rem;
  }

</style>